<template>
    <div class="goos-list-box">
        <goodsItem v-for="(item, index) in goosList" :itemData="item" :key="index" />
    </div>
</template>

<script>
import goodsItem from '@/api/goodsItem.vue';
export default {
    components: {
        goodsItem
    },
    data() {
        return {
            goosList: [
                {
                    goodsImg: '//img10.360buyimg.com/n2/s480x480_jfs/t1/326915/4/28213/103930/68e9c0c4F318dfa45/01eb1f5989e01f6f.jpg',
                    title: '联想笔记本电脑小新Pro16 AI超能本 高性能轻薄本酷睿Ultra5 32G 1T 2.5K高刷屏 游戏【国家补贴20%】',
                    oldPreice: '<span class="small">￥</span>4618 <span class="small"><i>.</i>45</span>', // 富文本
                    newPreice: '<span class="small">￥</span>5618 <span class="small"><i>.</i>45</span>', // 富文本
                    labelArr: [
                        {
                            text: '国家补贴'
                        },
                        {
                            text: '包邮'
                        }
                    ]
                },
                {
                    goodsImg: '//img11.360buyimg.com/n2/s480x480_jfs/t1/279376/35/28394/192033/681022f4F49c2326a/b99896f83fb86d8c.jpg',
                    title: '英邦达英特尔酷睿i7升十八核4060独显64G内存组装台式机电脑主机大游戏商用办公设计水冷整机全套 三 酷睿i9级36核4050丨1TB光追独显 主机+32英寸高刷护眼显示器',
                    oldPreice: '<span class="small">￥</span>989 <span class="small"><i>.</i>45</span>', // 富文本
                    newPreice: '<span class="small">￥</span>878 <span class="small"><i>.</i>45</span>', // 富文本
                    labelArr: [
                        {
                            text: '秒杀'
                        },
                        {
                            text: '1周最低'
                        }
                    ]
                }
            ]
        }
    }
}
</script>

<style lang="scss" scoped>
.goos-list-box{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
}
</style>